iT邦幫忙

2026 iThome 鐵人賽

DAY 18
0
佛心分享-SideProject30

酒鬼加農!買醉前先來酒譜查詢器保護自己!系列 第 18 篇

[Day-18] 別讓審美一起被酒精麻痺!試著擺脫自己也不愛的 AI 感!

  • 分享至 

  • xImage
  •  

gh

在延伸出其他頁面之前,還是有必要重新檢視目前頁面的設計狀況,這裡我想用另外一個 skill 來檢查看看。


大家來找碴

在開始動用 skill 之力前,先嘗試幾個我覺得能馬上改善的,也是我看了不少 AI 簡報或 Vibe Coding 後發現的共通點 XD

1. 影響視讀的透明度

看圖最快 XD

gh

2. 無意義的卡片

AI 感的萬惡之源就是隨處都是卡片,我沒說便當盒風格不好,但沒叫你四處用啊!

所以標頭這裡的框框直接拿掉了,大標也改為置中,最重要的是原本那不明所以的文案也要改一改 XD

gh

3. 氾濫的 icon

另外一個萬惡之源就是非功能性的 icon 或 emoji......圖案可能很重要,但我不喜歡無意義的使用,所以都砍了!


impeccable

GitHub 連結

據說是用來減少網站視覺呈現的 AI 感,懶一點的話連 skill 都可以讓 Agent 自己裝:

gh

/impeccable critique 執行後會對使用者體驗相關的部分提出建議:

gh

這些我也放到 /plans 裡面當作修改的依據。

整體變化比較明顯的是篩選的區塊合併在一起了,原本我也覺得這部分有點怪,但又不是很確定怎麼改比較好 XD

gh

其他 Agent 修復的大多是對比度或是一些操作流程中斷的問題。

最後也用 /impeccable document 產生 DESIGN.md 把設計規則定住,這樣後續設計其他頁面才不會犯一樣的毛病:

gh


小結

  1. skill 能做的還是共通性的審核,呈現的風格或編排很大程度還是看自己的審美標準可不可以接受
  2. 抓住幾個 AI 感氾濫的點,修掉之後整體呈現會有所改善
  3. 使用 DESIGN.md 固定住設計風格與規範

上一篇
[Day-17] 聖旨拿出來!酒醉的人也不敢支吾其詞!
下一篇
[Day-19] 酒精和 modal 都不能「もっと」!移除不必要的設計!
系列文
酒鬼加農!買醉前先來酒譜查詢器保護自己! 共 26 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言